<%@ page language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="/pf/tag" prefix="PF" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!-- 文档中的目录导航 -->
<style>
    <!--
    .affix {
        top: 54px;
        width: 230px;
    }

    -->
</style>
<div class="panel panel-default " id="docContentMenuId"
     style="z-index: 1000; width: 230px;">
    <div class="panel-heading">
        <span class="glyphicon glyphicon-list-alt"></span> 目录[ <a
            id="topbuttonId">返回顶端</a>][ <a id="buttombuttonId">返回底端</a>]
    </div>
    <div class="panel-body" id="docContentPanelbody"
         style="line-height: 20px; list-style: none; padding: 4px;">
        <ul id="ContentMenuId" class="doc_vavigat"></ul>
    </div>
    <c:if test="${TYPE=='AUDIT' }">
        <div class="panel-heading">
            <ul style="margin-left: -20px;">
                <li><a style="color: #D9534F;" id='markAuditformSuperLink'>审核此文档</a>
                </li>
            </ul>
        </div>
    </c:if>
</div>
<script type="text/javascript">
    var n1 = 1;
    var n2 = 1;
    var n3 = 1;

    function creatMenus(i, obj) {
        if ($(obj).get(0).tagName == 'H1') {
            $('#ContentMenuId').append(
                '<li class="doc_vavigat_h1"><a  id="linkmark'
                + i + '">'
                + n1 + $(obj).text() + '</a></li>');
            n1++;
            n2 = 1;
            n3 = 1;
        }
        if ($(obj).get(0).tagName == 'H2') {
            $('#ContentMenuId')
                .append(
                    '<li class="doc_vavigat_h2"><a  id="linkmark'
                    + i + '">'
                    + (n1 - 1) + '.' + n2 + $(obj).text()
                    + '</a></li>');
            n2++;
            n3 = 1;
        }
        if ($(obj).get(0).tagName == 'H3') {
            $('#ContentMenuId').append(
                '<li class="doc_vavigat_h2"><a  id="linkmark'
                + i + '">'
                + (n1 - 1) + '.' + (n2 - 1) + '.' + n3
                + $(obj).text() + '</a></li>');
            n3++;
        }
    }

    function initLeftMenu() {
        $('#docContentMenuId').affix({
            offset: {
                top: 50,
                bottom: 5
            }
        })
        $('h1,h2,h3', '#docContentsId').each(function (i, obj) {
            creatMenus(i, obj);
            $(obj).before("<a name='mark" + i + "'></a>");
            $('#linkmark' + i).bind('click', function () {
                $('html,body').animate({
                    scrollTop: $("a[name='mark" + i + "']").offset().top - 100
                }, 500);
            });
        });
        if ($.trim($('#ContentMenuId').text()) != null
            && $.trim($('#ContentMenuId').text()) != "") {
            $('#ContentMenuId').css('height', $(window).height() - 400);
        } else {
            $('#docContentPanelbody').remove();
        }
        $('#ContentMenuId').css('overflow-y', 'auto');
    }

    $(function () {
        $('#topbuttonId').bind('click', function () {
            //window.scrollTo(0, 0);
            $('html,body').animate({
                scrollTop: 0
            }, 500);
        });
        $('#markDocPriceSuperLink').bind('click', function () {
            //location.hash = "markFileList";
            $('html,body').animate({
                scrollTop: $("a[name='markDocPrice']").offset().top - 50
            }, 500);
        });
        $('#buttombuttonId').bind('click', function () {
            //location.hash = "markbuttombutton";
            $('html,body').animate({
                scrollTop: $("a[name='markdocbottom']").offset().top
            }, 500);
        });
        $('#markFileListSuperLink').bind('click', function () {
            //location.hash = "markbuttombutton";
            $('html,body').animate({
                scrollTop: $("a[name='markdocFile']").offset().top
            }, 500);
        });
        $('#markAuditformSuperLink').bind('click', function () {
            //location.hash = "markVersionList";
            $('html,body').animate({
                scrollTop: $("a[name='markAuditform']").offset().top
            }, 500);
        });
        initLeftMenu();
    });
</script>